@extends('layouts.app')

@section('content')
    {{--小区详情--}}
    <el-row class="community-detail">
        <el-carousel :interval="3000" arrow="always" height="230px">
            <el-carousel-item v-for="(item, index) in community.pics" :key="index">
                <img :src="item.url" alt="" width="100%">
            </el-carousel-item>
        </el-carousel>
        <div class="community-detail-head">
            <div class="community-name">@{{ community.name }}</div>
            <div class="community-second-name">别名:@{{ community.second_name }}</div>
        </div>
        <div class="community-detail-content">
            <div class="title">小区概况</div>
            <div class="content" v-html="community.remarks"></div>
        </div>
    </el-row>
    <el-button type="primary"
               @click="goToDrawing"
               class="fix-button">进入小区</el-button>
@endsection

@section('js')
    <script src="/js/community/detail.js"></script>
@endsection